@tailwind components;
@tailwind utilities;

.icon-class {
	@apply cursor-pointer hover:bg-gray-200 transition-all duration-500 py-1 px-2 rounded;
}

.transtion-300 {
	@apply transition-all duration-300;
}

.ant-image-preview-operations-wrapper {
	inset-block-start: unset;
	bottom: 0;
}

.cur_default {
	cursor: url('/cur/normal.png'), default;
}

.electron-move {
	-webkit-app-region: drag;
	-webkit-user-select: none;
	&-dis {
		-webkit-app-region: no-drag;
	}
}

p {
	margin-bottom: 0 !important;
}

//不显示滚动条
.noscroll {
	&::-webkit-scrollbar {
		width: 0px !important;
		height: 0px !important;
	}
}

//其他滚动条
*:not(.noscroll) {
	//scroll
	&::-webkit-scrollbar {
		width: 9px !important;
		height: 9px !important;
	}

	&::-webkit-scrollbar-thumb {
		border-radius: 1px;
		border-style: dashed;
		background-color: rgba(157, 165, 183, 0.4);
		border-color: transparent;
		border-width: 2px;
		background-clip: padding-box;
	}

	&::-webkit-scrollbar-thumb:hover {
		background: rgba(119, 133, 183, 0.7);
	}

	&.narrow::-webkit-scrollbar {
		width: 6px !important;
		height: 6px !important;
	}
}
